<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>实战</title>
</head>
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/slider.css">
<script src="js/jquery-1.12.4.js"></script>
<script src="js/index.js"></script>
<body>
    <div class="Outermost">
        
        <div class="navbar">
            <ul class="navbar_one">
                <li><a href="index.html"><img src="img/白色2.png"></a></li>
                <li class="nav_li"><a href="index.html">首页</a></li>
                <li class="nav_li"><a href="newbook.html">新书上架</a></li>
                <li class="nav_li"><a href="recommend.html">推荐图书</a></li>
                <li class="nav_li"><a href="feedback.html">反馈意见</a></li>
            </ul>
            <ul class="navbar_two">
                <li class="nav_li2"><a href="#" style="color: rgb(233, 233, 233);">卢奇浩</a></li>
                <li class="nav_li2"><a href="#"><img src="img/ban5.jpg"></a>
                    <div class="prompt">
                        <span><a href="#" style="color: rgb(49, 49, 49);">进入空间</a></span>
                        <p><a href="#" style="color: rgb(49, 49, 49);">退出登录</a></p>
                    </div></li>
                
            </ul> 
        </div>
        
        <!-- 轮播 -->
        <div id="slider">
            <ul id="show">
              <li><img src="img/ban1.jpg" alt="1" /></li>
              <li><img src="img/ban2.jpg" alt="2" /></li>
              <li><img src="img/ban3.jpg" alt="3" /></li>
              <li><img src="img/ban4.jpg" alt="4" /></li>
              <li><img src="img/ban5.jpg" alt="5" /></li>
            </ul>
            <ul id="number">
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
            </ul> 
          </div>
          <div class="spirte1"><img src="img/spirte.png"></div>
          <div class="spirte2"><img src="img/spirte.png"></div>
        <!-- 轮播结束 -->
          <div class="p_newbook">
              <div class="newbook">
                  <h2>新书上架<i>news</i></h2>
                  <ul>
                        <li><img src="img/new_book_1.jpg">
                            <div>
                                <h2>天才在左疯子在右</h2>
                                <p>作者：高铭</p>
                                <p>评分: 5分</p>
                                <p>藏管: 深圳书城</p>
                                <a href="#">查看详情</a>
                                <span>2020-04-13</span>
                            </div>
                        </li>
                  </ul>

                  <ul>
                    <li><img src="img/14.jpg">
                        <div>
                            <h2>守望之心</h2>
                            <p>作者：卢奇浩</p>
                            <p>评分: 5分</p>
                            <p>藏管: 深圳书城</p>
                            <a href="#">查看详情</a>
                            <span>2020-04-13</span>
                        </div>
                    </li>
              </ul>

              <ul>
                <li><img src="img/7.jpg">
                    <div>
                        <h2>围城</h2>
                        <p>作者：卢奇浩</p>
                        <p>评分: 5分</p>
                        <p>藏管: 深圳书城</p>
                        <a href="#">查看详情</a>
                        <span>2020-04-13</span>
                    </div>
                </li>
          </ul>

          <ul>
            <li><img src="img/3.jpg">
                <div>
                    <h2>绝对笑喷之弃业医生日志</h2>
                    <p>作者：卢奇浩</p>
                    <p>评分: 5分</p>
                    <p>藏管: 深圳书城</p>
                    <a href="#">查看详情</a>
                    <span>2020-04-13</span>
                </div>
            </li>
      </ul>       
              </div>
          </div>

        

          <div class="classification">
            <div class="top"><span>出版社专区></span></div>
            <div class="bottom">
                <div class="bottom_left">
                    <li id="first-tab"><span>人文出版社</span></li>
                    <li id="second-tab"><span>现代出版社</span></li>
                    <li id="third-tab"><span>海豚出版社</span></li>
                    <li id="fourth-tab"><span>广西师范大学出版社</span></li>
                    <li id="five-tab"><span>上海文艺出版社</span></li>
                    <li id="six-tab"><span>中信出版社</span></li>
                </div>


                
                <div class="bottom_right">
                    <div class="jQuery">
                        <p>人文出版社</p>
                        <textarea>是人民文学出版社以出版高档次高品位文化图书为主，兼顾通俗性读物。注重图书出版的系统性和系列化，力求较全面的反映中国及世界各国的优秀文学成果。中国当代作家的代表作大多由该社出版,以高质量赢得广泛称赞，已形成了高品位，高质量的“人文版”图书系列，被称赞“代表中国文学出版社的最高水平”</textarea> 
                        <div class="book">
                            <img src="img/5.jpg">
                            <img src="img/6.jpg">
                            <img src="img/7.jpg">
                            <img src="img/8.jpg">
                            <img src="img/9.jpg">
                        </div>
                    </div>
                    <div class="Vue">
                        <p>现代出版社</p>
                        <textarea> 现代出版社成立于1982年，是国家新闻出版署的直属出版社之一。多年来致力于促进中外文化交流，积极开展对外合作出版，形成了以语言、文学、艺术为特色，辅以社会科学、自然科学的综合性出版社。</textarea>
                        <div class="book">
                            <img src="img/10.jpg">
                            <img src="img/11.jpg">
                            <img src="img/12.jpg">
                            <img src="img/13.jpg">
                            <img src="img/14.jpg">
                        </div>
                    </div>
                    <div class="Reat">
                        <p>海豚出版社</p>
                        <textarea> 海豚出版社成立于1986年，隶属于中国外文局，是中国少儿图书工作委员会成员单位之一，以出版儿童读物、教育、社会科学等图书见长。近年来，出版社推出的一系列精品图书上市后备受瞩目和赞许，如董桥系列、海豚书馆、海豚文存、独立文丛、《中国读本》（青少年版）、“丰子恺儿童文学全集”、《时光电影院》、《我不是完美小孩》、《格萨尔王》漫画丛书等。</textarea>
                        <div class="book">
                            <img src="img/1.jpg">
                            <img src="img/2.jpg">
                            <img src="img/3.jpg">
                            <img src="img/4.jpg">
                            <img src="img/5.jpg">
                        </div>
                    </div>
                    <div class="Node">
                        <p>广西师范大学出版社</p>
                        <textarea>广西师范大学出版社1986年11月成立于历史文化名城桂林，主要出版教育、学术人文、珍稀文献等图书，在以教育出版为中心的基础上，逐步调整出版方向，优化图书结构，出版了一大批高水平的学术人文图书，在海内外学术文化界享有盛誉，如雅典娜思想译丛、“温故”系列、影像阅读系列、“电影馆”系列、中医文化系列、“百家讲坛”系列、海外学人名著系列、大学名师讲课实录系列。</textarea>
                        <div class="book">
                            <img src="img/6.jpg">
                            <img src="img/7.jpg">
                            <img src="img/8.jpg">
                            <img src="img/9.jpg">
                            <img src="img/1.jpg">
                        </div>
                    </div>
                    <div class="shanghai">
                        <p>上海文艺出版社</p>
                        <textarea>上海文艺出版社是一个有着五十多年历史的综合性的文学艺术出版社。它的前身新文艺出版社，是在由原郭沫若主持的群益出版社、俞鸿模的海燕书店和任宗德主持的大浮出版公司自愿合并的基础上组建起来的公私合营出版社，以后又陆续有巴金主持的平明出版社和文化生活出版社等相继并入。1952年6月1日，上海文艺出版社正式成立。主要出版中外当代和现代文学、艺术作品及文艺理论和文艺批评专著等。成立五十多年来，上海文艺社出版了一大批著名作家、艺术家的优秀作品和各类有影响的丛书。</textarea>
                        <div class="book">
                            <img src="img/5.jpg">
                            <img src="img/6.jpg">
                            <img src="img/7.jpg">
                            <img src="img/8.jpg">
                            <img src="img/9.jpg">
                        </div>
                    </div>
                    <div class="zhonxin">
                        <p>中信出版社</p>
                        <textarea>中信出版社坚持“我们提供知识，以应对变化的世界”的出版理念，以高端优质的内容服务，多样化的内容展现形式，为读者提供高品质阅读与视听内容，满足大众多样化的知识与文化需求。国际化、高品质、创新型的舆论先锋和出版机构。以创新的理念和市场化方式引领阅读潮流，出版内容领域涵盖：经济学、专业财经、管理经典、管理实务、企业与企业家、商业文化、职场励志、社科文化、时尚生活、图文和虚构。</textarea>
                        <div class="book">
                            <img src="img/6.jpg">
                            <img src="img/7.jpg">
                            <img src="img/12.jpg">
                            <img src="img/4.jpg">
                            <img src="img/5.jpg">
                        </div>
                    </div>
                </div>
            </div>
          </div>

          <section class="p-logoList-container p-floor">
            <section class="p-logoList">
                <h2>附近的书<i>nearby</i></h2>
              <div>
                <ul class="c-logoList g-box" style="font-size: 0px;">
                  <li><a><img src="img/6.jpg" title="" /></a>
                  </li>
                  <li><a><img src="img/2.jpg" title="" /></a>
                  </li>
                  <li><a><img src="img/3.jpg" title="" /></a>
                  </li>
                  <li><a><img src="img/4.jpg" title="" /></a>
                  </li>
                  <li><a><img src="img/5.jpg" title="" /></a>
                  </li>
                  <li><a><img src="img/1.jpg" title="" /></a>
                  </li>
                  <li><a><img src="img/7.jpg" title="" /></a>
                  </li>
                  <li><a><img src="img/8.jpg" title="" /></a>
                  </li>
                  <li><a><img src="img/9.jpg" title="" /></a>
                  </li>
                  <li><a><img src="img/10.jpg" title="" /></a>
                  </li>
      
                </ul>
              </div>
            </section>
            <div class="showAdd active">
              <img src="img/up.gif" class="up">
              <img src="img/down.gif" class="down">
              <span>显示更多</span>
            </div>
          </section>

          <div class="floor">
            <ul>
                <li>
                    <h3>关于</h3>
                    <p>关于我们</p>
                    <p>广告合作</p>
                    <p>友情链接</p>
                    <p>招聘</p>
                </li>
                <li>
                    <h3>联系方式</h3>
                    <p>新浪微博</p>
                    <p>电子邮件</p>
                    <p>电话联系</p>
                    <p>QQ联系</p>
                </li>
                <li>
                    <h3>旗下集团</h3>
                    <p>深圳卢氏集团</p>
                    <p>福田倪氏集团</p>
                    <p>佛山李氏集团</p>
                    <p>光明杨氏集团</p> 
                </li>
                
                <li>
                    <h3>特别致谢</h3>
                    <p>卢奇浩大股东</p>
                    <p>倪泳彬小股东</p>
                    <p>李朝宇保安</p>
                    <p>杨富毅顾问</p>
                </li>
            </ul>
            <p>粤ICP备10086号-6 版权所有 盗版必究</p>
          </div>
    </div>
</body>
</html>